<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@page import="java.util.Calendar"%>   
<%@page import="java.util.Date"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body style="height: 50%; margin: 0">
	<div id="container-zhaosheng"
		style="height: 100%; -webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: transparent;"
		_echarts_instance_="ec_1510814038753">
		<div
			style="position: relative; overflow: hidden; width: 1920px; height: 886px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;">
			<canvas width="1920" height="886" data-zr-dom-id="zr_0"
				style="position: absolute; left: 0px; top: 0px; width: 1000px; 
					height: 886px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
					padding: 0px; margin: 0px; border-width: 0px;"></canvas>
		</div>
	</div>
	<script type="text/javascript" src="public/js/echarts-all-3.js"></script>
	<script type="text/javascript">
		var dom = document.getElementById("container-zhaosheng");
		var myChart = echarts.init(dom);
		var app = {};
		option = null;
		option = {
			title : {
				text : '折线图堆叠'
			},
			tooltip : {
				trigger : 'axis'
			},
			legend : {
				data : [ '年总招生人数', '年总跟进人数', '年总正式录入人数' ]
			},
			grid : {
				left : '3%',
				right : '4%',
				bottom : '3%',
				containLabel : true
			},
			toolbox : {
				feature : {
					saveAsImage : {}
				}
			},
			xAxis : {
				type : 'category',
				boundaryGap : false,
				<%
					Date date=new Date();
					Calendar c = Calendar.getInstance();
			        c.setTime(date);
			        int year = c.get(Calendar.YEAR);
			        int[] years={year-6,year-5,year-4,year-3,year-2,year-1,year};
				%>
				data : [ '<%=years[0]%>', '<%=years[1]%>', '<%=years[2]%>', '<%=years[3]%>', '<%=years[4]%>', '<%=years[5]%>', '<%=years[6]%>' ]
			},
			yAxis : {
				type : 'value'
			},
			series : [ {
				name : '年总招生人数',
				type : 'line',
				stack : '总量',
				data : [ ${inputStudentCount}, ${inputStudentCount1}, ${inputStudentCount2}, ${inputStudentCount3}, ${inputStudentCount4}, ${inputStudentCount5}, ${inputStudentCount6} ]
			}, {
				name : '年总跟进人数',
				type : 'line',
				stack : '总量',
				data : [ ${follow}, ${follow1}, ${follow2}, ${follow3}, ${follow4}, ${follow5}, ${follow6} ]
			}, {
				name : '年总正式录入人数',
				type : 'line',
				stack : '总量',
				data : [ ${signCount}, ${signCount1}, ${signCount2}, ${signCount3}, ${signCount4}, ${signCount5}, ${signCount6} ]
			} ]
		};
		;
		if (option && typeof option === "object") {
			myChart.setOption(option, true);
		}
	</script>

	<script> if (option && typeof option==="object" ) { myChart.setOption(option, true); } </script>

</body>
</html>